@import "./head";
@import "./menu";
@import "./body";
@import "./ListPagesBox";

.layoutStyle001 {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 1;

	& > .BackImage {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}

	& > .BackColor {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: -1;
		background: var(--theme);
	}

	& > div {
		width: 100%;
		background: rgba(247, 247, 247, 0.5);
		backdrop-filter: blur(10px);

		&.layoutStyleBox {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 0;
		}
	}
}
